<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link href="../phoneCss/commons.css" rel="stylesheet" />
    <link href="../phoneCss/personal.css" rel="stylesheet" />
    <style>
        #me{
            color: #de1221;
        }
        #index{
            color: #2e2e2e;
        }
        .mui-bar-tab{
            background: #fff;
            box-shadow: 0 0 1px #878788;
        }
        .mui-bar-tab .mui-tab-item .mui-icon img{
            width: 20px;
            height: 20px;
        }
        .mui-bar-tab .mui-tab-item .mui-icon{
            top:6px;
        }
        .personal-top-box{
            background: #fff;
            border-bottom: 6px solid #f0f0f0;
            height: 140px;
        }
        .personal-top-box .avatar-box {
            display: block;
            width: 68px;
            height: 68px;
            border-radius: 100%;
            margin: 0 auto;
            position: absolute;
            top: 35px;
            left: 18px;
        }
        .personal-top-box .user-name {
            color: #fff;
            width: 100%;
            font-size: 17px;
            padding-top: 24px;
            padding-left: 98px;
            text-align: left;
        }
        .personal-top-box .user-name span{
            display: block;
        }
        #integral {
            display: block;
            padding-top: 10px;
            font-size: 15px;
            color: #de1221;
        }
        .order-box ul li b{
            font-size: 11px;
        }
    </style>
</head>

<body>
<!--
    作者：837081299@qq.com
    时间：2017-02-08
    描述：个人中心顶部个人信息开始
-->
<div class="mui-scroll-wrapper">
    <div class="mui-scroll">
        <div class="personal-top-box">
            <a>
                <div class="avatar-box">
                    <img id="autor" src="../phoneImg/gray_placeholder.png" />
                </div>
            </a>
            <p class="user-name"><a href="set.html"><span id="userName"></span><span id="integral"></span></a></p>
        </div>

        <!--
            作者：837081299@qq.com
            时间：2017-02-08
            描述：功能盒子开始
        -->

        <!--订单开始-->
        <a href="integral_order.html?goodsTypeValue=1"><div class="order-title">我兑换的商品<img src="../phoneImg/me_more_icon.png"><span class="all_order">积分兑换订单</span></div></a>
        <div class="order-box" id="order">
            <ul class="mui-clearfix">
                <a href="integral_order.html?orderStateValue=1&goodsTypeValue=1">
                    <li id="await_pay">
                        <span><img src="../phoneImg/await-pay.png" alt="待付款"></span>
                        <span>待付款</span>
                        <b id="pay_num"></b>
                    </li>
                </a>
                <a href="integral_order.html?orderStateValue=3&goodsTypeValue=1">
                    <li id="await_send">
                        <span class="await_send"><img src="../phoneImg/await-send.png" alt="待发货"></span>
                        <span>待发货</span>
                        <b id="send_num"></b>
                    </li>
                </a>
                <a href="integral_order.html?orderStateValue=5&goodsTypeValue=1">
                    <li id="await_reseive">
                        <span class="await-receive"><img src="../phoneImg/await-receive.png" alt="待收货"></span>
                        <span>待收货</span>
                        <b id="receive_num"></b>
                    </li>
                </a>
                <a href="integral_order.html?orderStateValue=10&goodsTypeValue=1">
                    <li id="await_comment">
                        <span class="await-comment"><img style="width: 20px;margin-bottom: 14px" src="../phoneImg/complete_order.png" alt="已完成"></span>
                        <span>已完成</span>
                        <b id="comment_num"></b>
                    </li>
                </a>
            </ul>
        </div>
        <!--工具盒子开始-->
        <div class="tool_box mui-clearfix">
            <ul>
                <a href="integral_order2.html?goodsTypeValue=2&prizeStateValue=1">
                    <li>中奖纪录<img src="../phoneImg/me_more_icon.png" alt=""><span>积分中奖纪录</span></li>
                </a>
                <!--<a href="integral_order2.html?goodsTypeValue=2&prizeStateValue=3">-->
                    <!--<li>我的参与<img src="../phoneImg/me_more_icon.png" alt=""><span>积分抽奖参与记录</span></li>-->
                <!--</a>-->
            </ul>
        </div>
    </div>
</div>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" id="index" href="">
        <span class="mui-icon"><img src="../phoneImg/integral_index.png"></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" id="me" href="">
        <span class="mui-icon"><img src="../phoneImg/integral_me_act.png"></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script>
    document.write("<s"+"cript type='text/javascript' src='../js/common.js?"+Math.random()+"'></scr"+"ipt>");
    document.write("<s"+"cript type='text/javascript' src='../phoneJs/integral_me.js?"+Math.random()+"'></scr"+"ipt>");
</script>
</body>

</html>